
// 使用场景：多个组件 都有同一套逻辑的时候 并且这套逻辑中的代码散落到 data、computed、methods....这时候可以使用mixins
// 使用mixins的步骤
// 1.声明一个mixins的js文件
// 2.在组件中混入mixins文件

// mixins文件中 可以写 跟组件一模一样的选项
// 规则：
// 1.如果mixins和组件中 都有相同的声明周期钩子 会进行合并，mixins中的生命周期钩子先执行，组件内的后执行
// 2.mixins中可以使用组件中的任何数据  组件也可以使用mixins中的任何数据
// 3.对象类型的配置（包含data） 如果组件和mixins中有同名的话 ，会覆盖，以组件为准
export default {
  data() {
    return {

    }
  },
  computed: {
    roles() {
      return [1, 2, 3]
    }
  },
  watch: {},
  methods: {},
  created() {
    console.log(this.roles)
  }
  // mounted() {
  //   console.log('mixins中的mounted')
  // }
}
